<!doctype html>
<html lang="">
   <head>
      <meta charset="utf-8">
      <meta http-equiv="x-ua-compatible" content="ie=edge">
      <title>北塔软件</title>
      <meta name="description" content="">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <meta content="telephone=no" name="format-detection" />
      <link rel="apple-touch-icon" href="../static/assets/images/favicon.png" type="image/x-icon">
      <link rel="icon" href="../static/assets/images/favicon.png" type="image/x-icon">
      <link rel="stylesheet" href="../static/assets/css/font-awesome.min.css">
      <link rel="stylesheet" href="../static/assets/css/animation.css">
      <link rel="stylesheet" href="../static/components/sweetalert2/sweetalert2.css">
      <link rel="stylesheet" href="../static/assets/css/website-page.css">
      <link rel="stylesheet" href="../static/assets/css/static-page.css">
      <link rel="stylesheet" href="../static/assets/css/style.css">
      <script src="../static/assets/js/jquery.js"></script>
      <script src="../static/components/sweetalert2/sweetalert2.js"></script>
      <script src="../static/components/bootstrap.min.js"></script>
   </head>
   <body><!-- 滚动条往下滚动页面的时候头部固定效果 加类名fixed-head-->
      <header id="header" class="header pr" role="banner">
         <nav class="header-navbar" role="navigation"><!-- 滚动条往下滚动页面的时候头部固定效果 加类名fixed-top-->
            <div class="navbar-top">
               <div class="container clearfix">
                  <div class="navbar-left fl">
                     <div>欢迎来到BTSO3.0主题网站 <span class="ml20"><i class="fa fa-phone mr5"></i>技术服务热线：400-820-7719</span><span class="head_phonetxt"><span class="top_text ml50">当前所在企业：上海市电力公司-国家电网  </span><!-- <span class="top_text ml20">联系电话：138166999999</span> --></span></div>
                  </div>
                  <div class="navbar-right fr">
                    <span class="navbar-login none">
                      <a href="login.html"><i class="fa fa-user mr5"></i>登录</a>
                      <a href="phone-register.html"><i class="fas fa-sign-in mr5 ml20"></i>注册</a>
                    </span>
                    <!-- 登录后状态 去掉none即可-->
                    <span class="navbar-user "><a href="../用户中心/admin-index.html"><i class="fa fa-user mr10"></i>张三，注册会员，下午好</a><a href="javascript:;" class="loginuser-exit">退出</a></span>
                  </div>
               </div>
            </div>
            <div class="sticky-wrapper nav-bgcol">
               <div class="container">
                  <div class="navbar-header clearfix pr">
                     <button type="button" id="navbar-phone" class="navbar-toggle navbar-btn btn-icon btn-circle pull-right collapsed">
                        <span class="fa fa-reorder"></span>
                     </button>
                     <a class="navbar-brand" href="index.html"><img src="../static/assets/images/logo.png" alt=""></a>
                     <button type="button" class="navbar-btn btn-icon btn-circle pull-right last visible-sm visible-xs"><i class="fa fa-search"></i></button>
                     <button type="button" class="navbar-btn btn-icon btn-circle pull-right visible-sm visible-xs"><i class="fa fa-shopping-cart"></i></button>
                     <button type="button" class="navbar-btn btn-icon btn-circle pull-right visible-sm visible-xs"><i class="fa fa-pencil-square-o"></i></button>
                     <button type="button" class="navbar-btn btn-icon btn-circle pull-right last visible-sm visible-xs"><i class="fa fa-bell"></i></button>
                     <ul class="navbar-navphone none"> <!-- navbar-phone该层点击的时候toggle none -->
                       <li><a href="../index.html">首页</a></li>
                       <li class="pr">
                        <a href="#">产品中心</a>
                        <ul class="">
                          <li>
                            <a class="dropdown-item" href="static-index.html">北塔BTSO 智慧运维平台</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="industry-case.html">北塔BTDO 业务保障系统</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="data-download.html">北塔BTSM IT服务管理系统</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="#">北塔BTIM IT综合管理软件</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="trial-apply.html">北塔BTRM IT资源管理系统</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="version-contrast.html">北塔BTDM 数据流分析系统</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="version-upgrade.html">EMonitor 监控管家</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="version-upgrade.html">北塔BTCM IT运维集中管理软件</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="version-upgrade.html">北塔BTNM 网络运维管理系统</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="version-upgrade.html">北塔BTDP</a>
                          </li>
                        </ul>
                      </li>
                      <li>
                        <a href="product-404.html" class="dropdown-toggle">解决方案</a>
                      </li>
                      <li>
                        <a href="#" class="dropdown-toggle">注册管理</a>
                      </li>
                      <li>
                        <a href="#" class="dropdown-toggle">互动社区</a>
                      </li>
                      <li>
                        <a href="#" class="dropdown-toggle">技术支持</a>
                      </li>
                      <li>
                        <a href="admin-index.html" class="dropdown-toggle">用户中心</a>
                      </li>
                    </ul>
                  </div>
                  <div class="collapse navbar-collapse" id="main-navbar-container">
                    <ul class="nav navbar-nav pr hidden-md">
                      <li class="">
                        <a href="../index.html" class="dropdown-toggle">首页<em>/</em></a>
                      </li>
                      <li>
                        <a href="../产品中心/product-center.html" class="dropdown-toggle">产品中心<em>/</em></a>
                        <div class="nav-menu-area clearfix">
                          <ul class="single-mega-item">
                            <li class="block">IT监控</li>
                            <li><a href="common-problem.html">BTSO北塔智慧运维平台软件</a></li>
                            <li><a href="#">BTVD北塔视频质量诊断软件</a></li>
                          </ul>
                          <ul class="single-mega-item">
                            <li class="block">IT管理</li>
                            <li><a href="#">BTSM北塔服务管理软件</a></li>
                            <li><a href="#">BTAM北塔IT资产管理系统</a></li>
                            <li><a href="#">BTRM北塔IT资源管理系统</a></li>
                            <li><a href="#">Portal北塔运维门户组件</a></li>
                          </ul>
                        </div>
                      </li>
                      <li>
                        <a href="product-404.html" class="dropdown-toggle">解决方案<em>/</em></a>
                      </li>
                      <li>
                        <a href="#" class="dropdown-toggle">注册管理<em>/</em></a>
                      </li>
                      <li>
                        <a href="#" class="dropdown-toggle">互动社区<em>/</em></a>
                      </li>
                      <li class="active">
                        <a href="list.html" class="dropdown-toggle">云端百货<em>/</em></a>
                      </li>
                      <li>
                        <a href="#" class="dropdown-toggle">技术支持<em>/</em></a>
                      </li>
                      <li>
                        <a href="../企业账户/admin-index.html" class="dropdown-toggle">企业账户</a>
                      </li>
                    </ul>
                    <!-- <div class="dropdown cart-dropdown navbar-right hidden-sm hidden-xs">
                      <button type="button" title="" class="navbar-btn btn-icon btn-circle dropdown-toggle" data-toggle="dropdown"><i class="fa fa-calendar-check-o"></i></i><span class="circle-red">2</span></button>
                    </div> -->
                    <div class="dropdown cart-dropdown navbar-right hidden-sm hidden-xs">
                      <button type="button" title="消息" class="navbar-btn btn-icon btn-circle dropdown-toggle" data-toggle="dropdown"><i class="fa fa-bell"></i><span class="circle-red">2</span></button>
                    </div>
                    <div class="dropdown cart-dropdown navbar-right hidden-sm hidden-xs">
                      <button type="button" title="反馈" class="navbar-btn btn-icon btn-circle navbar-right last" data-toggle="collapse" data-target="#header-search-form"><i class="fa fa-pencil-square-o"></i></button>
                    </div>
                    <div class="dropdown hidden-sm hidden-xs btn-search pr"><!-- 点击搜索按钮加类名active -->
                      <button type="button" title="搜索" class="navbar-btn btn-icon btn-circle navbar-right last" data-toggle="collapse" data-target="#header-search-form"><i class="fa fa-search"></i></button>
                      <div class="search-box">
                        <input type="text" class="search-input">
                        <i class="fa fa-arrow-circle-o-right"></i>
                      </div>
                    </div>
                  </div>
               </div>
            </div> 
         </nav>
      </header>
      <section>
        <section class="breadcrumb_item">
          <div class="breadcrumb-yun">
            <div class="container">
              <span>当前位置：</span>
              <span class="layui-breadcrumb">
                <a class="bread-cite"><cite>云端百货</cite></a>
              </span>
              <span class="breadcrumb-icon on">
                <i class="fa fa-chevron-down"></i>
              </span>
            </div>
          </div>
          <div class="breadcrumb-more container">
            <div class="breadcrumb-moreitem">
              <span class="breadcrumb-span">您的会员等级：<a href="../会员权益介绍/index.html">VIP会员（剩余400天）</a></span>
              <span class="ml10">VIP会员续期成功，为确保商品正常使用，请及时为商品续期，所有可用商品需重新<a href="../企业账户/renewal-authorization.html">下载授权文件</a>包后继续使用。"立即下载"按钮仅支持下载单个商品的授权文件。</span>
            </div>
          </div>
        </section>
        <section class="soft-section">
          <div class="container">
            <div class="soft-productbox">
              <div class="soft-tablehead clearfix">
                <span class="soft-tabletit">软件商品</span>
                <span class="soft-tabletxt">为您找到 <em class="font-num">8</em> 款符合条件的工具</span>
                <div class="fr">
                  <div class="tablebox-search">
                    <input type="text" class="form-control input-tabsearch" placeholder="输入商品名称搜索">
                    <i class="fa fa-search"></i>
                  </div>
                  <div class="tablebox-searchpage">
                    <span class="mr10">1/3</span>
                    <a href="#" class="table-serbtn disabled"><i class="fa fa-angle-left"></i></a>
                    <a href="#" class="table-serbtn"><i class="fa fa-angle-right"></i></a>
                  </div>
                </div>
              </div>
              <div class="soft-tablebox table-order">
                <table class="table">
                    <tbody>
                        <tr class="tr-th tr-th-split">
                            <td colspan="2" class="clearfix">
                                <a href="detail.html" class="dealtime">数据可视化DIY工具1.0</a>
                                <span class="number"><em>0</em>积分</span>
                                <span class="fr detail-share"><span class="mr10">收藏：<i class="fa fa-heart-o"></i></span><span>分享：<i class="fa fa-share-alt"></i></span></span>
                            </td>
                        </tr>
                        <tr>
                            <td class="clearfix">
                                <div class="goods-item">
                                    <div class="p-img"><a href="detail.html"><img src="../static/assets/images/order-img1.jpg" alt=""></a></div>
                                    <div class="p-msg">
                                        <div class="p-name">一款好玩且有用的数据DIY展现工具，用户可自由选择展现的图元和数据，呈现有企业特色的监控数据。一款好玩且有用的数据DIY展现工具，用户可自由选择展现的图元和数据，呈现有企业特色的监控数据。</div>
                                        <div class="p-extra mt20">适用标签：<span class="span-labelitem">1000节点以上</span><span class="span-labelitem">医疗行业</span><span class="span-labelitem orange">仅VIP会员可用</span></div><!-- 注： 橘色标签span里面再加个orange类名 -->
                                        <div class="p-extra">最低环境依赖：DP4.0，DIY工具1.0</div>
                                        <div class="p-extra">商品分类：软件工具>场景模板 | 软件大小：20KB | 版本：1.0.1 | 发布时间：2019-8-18 | 下载次数：10 </div>
                                    </div>
                                </div>
                            </td>
                            <td class="tablebtn-down">
                              <a href="#" class="btn btn-blue" id="Down1">立即下载</a><!-- 按钮置灰时加类名disabled -->
                            </td> 
                        </tr>
                      </tbody>
                      <tbody>
                        <tr class="sep-row">
                            <td colspan="2"></td>
                        </tr>
                        <tr class="tr-th tr-th-split">
                            <td colspan="2" class="clearfix">
                                <a href="detail.html" class="dealtime">数据可视化DIY工具1.0</a>
                                <span class="number"><em>500</em>积分/年</span>
                                <a href="#" class="btn-pill pill-circle btn-outline-danger ml20">商品续期</a><!-- 按钮置灰时加类名disabled -->
                                <span class="fr detail-share"><span class="mr10">收藏：<i class="fa fa-heart-o"></i></span><span>分享：<i class="fa fa-share-alt"></i></span></span>
                            </td>
                        </tr>
                        <tr>
                            <td class="clearfix">
                                <div class="goods-item">
                                    <div class="p-img"><a href="detail.html"><img src="../static/assets/images/order-img1.jpg" alt=""></a></div>
                                    <div class="p-msg">
                                        <div class="p-name">一款好玩且有用的数据DIY展现工具，用户可自由选择展现的图元和数据，呈现有企业特色的监控数据。一款好玩且有用的数据DIY展现工具，用户可自由选择展现的图元和数据，呈现有企业特色的监控数据。</div>
                                        <div class="p-extra mt20">适用标签：<span class="span-labelitem">1000节点以上</span><span class="span-labelitem">医疗行业</span><span class="span-labelitem orange">仅VIP会员可用</span></div><!-- 注： 橘色标签span里面再加个orange类名 -->
                                        <div class="p-extra">最低环境依赖：DP4.0，DIY工具1.0</div>
                                        <div class="p-extra">商品分类：软件工具>场景模板 | 软件大小：20KB | 版本：1.0.1 | 发布时间：2019-8-18 | 下载次数：10</div>
                                    </div>
                                </div>
                            </td>
                            <td class="tablebtn-down">
                              <a href="#" class="btn btn-blue" id="Down2">立即下载</a><!-- 按钮置灰时加类名disabled -->
                            </td>
                        </tr>
                    </tbody>
                    <tbody>
                        <tr class="sep-row">
                            <td colspan="2"></td>
                        </tr>
                        <tr class="tr-th tr-th-split">
                            <td colspan="2" class="clearfix">
                                <a href="detail.html" class="dealtime">数据可视化DIY工具1.0</a>
                                <span class="number"><em>500</em>积分</span>
                                <span class="fr detail-share"><span class="mr10">收藏：<i class="fa fa-heart-o"></i></span><span>分享：<i class="fa fa-share-alt"></i></span></span>
                            </td>
                        </tr>
                        <tr>
                            <td class="clearfix">
                                <div class="goods-item">
                                    <div class="p-img"><a href="detail.html"><img src="../static/assets/images/order-img1.jpg" alt=""></a></div>
                                    <div class="p-msg">
                                        <div class="p-name">一款好玩且有用的数据DIY展现工具，用户可自由选择展现的图元和数据，呈现有企业特色的监控数据。一款好玩且有用的数据DIY展现工具，用户可自由选择展现的图元和数据，呈现有企业特色的监控数据。</div>
                                        <div class="p-extra mt20">适用标签：<span class="span-labelitem">1000节点以上</span><span class="span-labelitem">医疗行业</span><span class="span-labelitem orange">仅VIP会员可用</span></div>
                                        <div class="p-extra">最低环境依赖：DP4.0，DIY工具1.0</div>
                                        <div class="p-extra">商品分类：软件工具>场景模板 | 软件大小：20KB | 版本：1.0.1 | 发布时间：2019-8-18 | 下载次数：10</div>
                                    </div>
                                </div>
                            </td>
                            <td class="tablebtn-down">
                              <a href="#" class="btn btn-blue" id="Down3">立即下载</a><!-- 按钮置灰时加类名disabled -->
                            </td>
                        </tr>
                    </tbody>
                    <tbody>
                        <tr class="sep-row">
                            <td colspan="2"></td>
                        </tr>
                        <tr class="tr-th tr-th-split">
                            <td colspan="2" class="clearfix">
                                <a href="detail.html" class="dealtime">数据可视化DIY工具1.0</a>
                                <span class="number"><em>500</em>积分</span>
                                <span class="fr detail-share"><span class="mr10">收藏：<i class="fa fa-heart-o"></i></span><span>分享：<i class="fa fa-share-alt"></i></span></span>
                            </td>
                        </tr>
                        <tr>
                            <td class="clearfix">
                                <div class="goods-item">
                                    <div class="p-img"><a href="detail.html"><img src="../static/assets/images/order-img1.jpg" alt=""></a></div>
                                    <div class="p-msg">
                                        <div class="p-name">一款好玩且有用的数据DIY展现工具，用户可自由选择展现的图元和数据，呈现有企业特色的监控数据。一款好玩且有用的数据DIY展现工具，用户可自由选择展现的图元和数据，呈现有企业特色的监控数据。</div>
                                        <div class="p-extra mt20">适用标签：<span class="span-labelitem">1000节点以上</span><span class="span-labelitem">医疗行业</span><span class="span-labelitem orange">仅VIP会员可用</span></div>
                                        <div class="p-extra">最低环境依赖：DP4.0，DIY工具1.0</div>
                                        <div class="p-extra">商品分类：软件工具>场景模板 | 软件大小：20KB | 版本：1.0.1 | 发布时间：2019-8-18 | 下载次数：10</div>
                                    </div>
                                </div>
                            </td>
                            <td class="tablebtn-down">
                              <a href="#" class="btn btn-blue disabled">立即下载</a><!-- 按钮置灰时加类名disabled -->
                            </td>
                        </tr>
                    </tbody>
                </table>
                <div class="foot-paging">
                  <ul class="pagination clearfix">
                    <li class="paginate_button previous disabled" id="">
                      <a href="#">上一页</a>
                    </li>
                    <li class="paginate_button active">
                      <a href="#">1</a>
                    </li>
                    <li class="paginate_button">
                      <a href="#">2</a>
                    </li>
                    <li class="paginate_button">
                      <a href="#">3</a>
                    </li>
                    <li class="paginate_button">
                      <a href="#">4</a>
                    </li>
                    <li class="paginate_button">
                      <a href="#">5</a>
                    </li>
                    <li class="paginate_button">
                      <a href="#">6</a>
                    </li>
                    <li class="paginate_button next" id="">
                      <a href="#">下一页</a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </section>
      </section>
      <footer class="footer">
        <div class="footer-copyright">
          <div class="container clearfix">
            <div class="foot-logo">
              <img src="../static/assets/images/logo_foot.png" alt="">
            </div>
            <div class="foot-right fr">
              <ul class="copyright-menu clearfix">
                <li><a href="page-legal.html">法律声明</a></li>
                <li>|</li>
                <li><a href="#">关于北塔</a></li>
                <li>|</li>
                <li><a href="contact-us.html">联系我们</a></li>
                <li>|</li>
                <li><a href="#">会员权益介绍</a></li>
                <li>|</li>
                <li><a href="#">管理员创建</a></li>
                <li>|</li>
                <li><a href="#">返回首页</a></li>
              </ul>
              <div class="copyright-txt">
                <span>2001-2018 © 上海北塔软件股份有限公司版权所有</span>
                <span class="ml20">沪ICP备09033812号</span>
              </div>
            </div>
          </div>
        </div>
      </footer>
      <div class="scroll-top">
        <i class="fa fa-angle-up"></i>
      </div>
   </body>
  <script>
    $(function(){
      $(".breadcrumb-icon").on("click","i",function(){
        $(this).closest(".breadcrumb-icon").toggleClass("on");
        $(".breadcrumb-more").slideToggle();
      });

      $("#Down1:not(.disabled)").on("click",function(){
        Swal.fire({
          title:'',
          showCloseButton:true,
          html:'<div class="alert-text text-left">当前权限不足，不能兑换商品。您可以向管理员申请兑换该商品。</div>',
          confirmButtonText: '申请兑换商品'
        })
      });

      $("#Down2:not(.disabled)").on("click",function(){
        Swal.fire({
          title:'',
          showCloseButton:true,
          html:'<div class="alert-text text-left">该商品仅支持在xx版本平台上运行，请先联系销售升级平台。</div>',
          confirmButtonText: '知道了'
        })
      });

      $("#Down3:not(.disabled)").on("click",function(){
        Swal.fire({
          title:'',
          showCloseButton:true,
          html:'<div class="alert-text">缺少依赖商品，请先下载依赖商品。</div>',
          confirmButtonText: '查看依赖商品'
        })
      });


    });
  </script>
</html>